<template>
  <section id="trade">
    <div  class="content">
      <!-- {{$store.state}} -->
      <div  class="top clearfix">
        <div class="pull_left">
          <div class="my_select">
            <Base-mySelect></Base-mySelect>
          </div>
          <div class="announcement">
            <Base-announcement></Base-announcement>
          </div>
        </div>
        <div  class="pull_right">
          <Base-kline @lookAttr='lookAttr'></Base-kline>
          <Base-trade  ></Base-trade>
        </div>
      </div>
      <div class="bottom">
        <Base-records></Base-records>
      </div>
      <base-alert   :bol.sync="attr" :attrData.sync='attrData'  :type="6"></base-alert>
     
    </div>
  </section>
</template>
<script>
import {_getSymbolDetail} from '../../axios/index.js'
export default {
  data(){
    return {
        attr:false,
        attrData:null,
    }
  },
  created(){
  },
  methods:{
     //合约属性弹窗
     async lookAttr(bol){
         const $store=this.$store.state
       
         let res= await _getSymbolDetail($store.traViewSymboId)
         if(res.data.code==200){
                this.attrData=res.data.data;
         }
        this.attr=bol;
    
      },
    
    
  }

}
</script>

